<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column type="index" label="序号"></el-table-column>
    <el-table-column prop="cityLevel" label="城市等级"></el-table-column>
    <el-table-column prop="cityMonthly" label="城市月活"></el-table-column>
    <el-table-column prop="city" label="城市"></el-table-column>
    <el-table-column prop="districtMonthly" label="行政区月活"></el-table-column>
    <el-table-column prop="district" label="行政区"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          cityLevel: '一线城市',
          cityMonthly: 25953,
          city: '城市1',
          districtMonthly: 14656,
          district: '行政区1'
        },
        {
          cityLevel: '一线城市',
          cityMonthly: 25953,
          city: '城市2',
          districtMonthly: 11487,
          district: '行政区2'
        },
        {
          cityLevel: '二线城市',
          cityMonthly: 9832,
          city: '城市1',
          districtMonthly: 4365,
          district: '行政区1'
        },
        {
          cityLevel: '二线城市',
          cityMonthly: 9832,
          city: '城市2',
          districtMonthly: 5312,
          district: '行政区2'
        },
        {
          cityLevel: '三线城市',
          cityMonthly: 1245,
          city: '城市1',
          districtMonthly: 536,
          district: '行政区1'
        },
        {
          cityLevel: '三线城市',
          cityMonthly: 1245,
          city: '城市2',
          districtMonthly: 741,
          district: '行政区2'
        }
      ]
    };
  }
};
</script>
